<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>请填入页面标题</title>

    <!---->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <!---->

    <!-- 新 Bootstrap4 核心 CSS 文件 -->
    <link rel="stylesheet" href="/css/bootstrap.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="/jquery-3.2.1.js"></script>

    <!-- bootstrap.bundle.min.js 用于弹窗、提示、下拉菜单，包含了 popper.min.js -->
    <script src="/js/bootstrap.bundle.js"></script>

    <!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
    <script src="/js/bootstrap.js"></script>
</head>
<body>

<div class="container">

    <!--这是顶部信息栏-->
    <div class="row">
        <div class="col-md-1"></div>
        <div class="col-md-10">
            <span th:text="${userName}"></span>你好，
            <span th:if="${userType}==2">你的权限是教师</span>
            <!--这里是面包屑导航-->
            <ol class="breadcrumb">
                <li class="breadcrumb-item "><a href="/insertClass">添加班级信息</a></li>
                <li class="breadcrumb-item"><a href="/toInsertStuInfo">添加学生信息</a></li>
                <li class="breadcrumb-item"><a th:href="@{/deleteStu/{pageNum}(pageNum=1)}">删除学生信息</a></li>
                <li class="breadcrumb-item active">修改学生信息</li>
            </ol>
        </div>
        <div class="col-md-1"></div>
    </div>

    <div class="row">
        <div class="col-md-1"></div>
        <div class="col-md-10">
            <table class="table table-bordered">
                <tr>
                    <td>学号</td>
                    <td>姓名</td>
                    <td>性别</td>
                    <td>生日</td>
                    <td>民族</td>
                    <td>班级号</td>
                    <td>操作</td>
                </tr>
                <tr>
                    <td>YHG</td>
                    <td>雷宇豪</td>
                    <td>男</td>
                    <td>手握日月摘星辰 世间无我这般人</td>
                    <td>汉</td>
                    <td>我是雷宇豪</td>
                    <td>
                        <a href="#" onclick="alert('v我50可以修改YHG！')">修改</a>
                    </td>
                </tr>
                <tr th:each="list : ${studentList}">
                    <td th:text="${list.stuNo}"></td>
                    <td th:text="${list.stuName}"></td>
                    <td th:if="${list.sex}==1">男</td>
                    <td th:if="${list.sex}==2">女</td>
                    <td>
                        <span th:text="${list.birthday}"></span>
                    </td>
                    <td th:text="${list.nat}"></td>
                    <td th:text="${list.classNo}"></td>
                    <td>
                        <a th:href="@{/updateStu/1?updId={updId}(updId=${list.stuNo})}">修改</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <a th:href="@{/updateStu/{pageNum}(pageNum=1)}">首页</a>
                    </td>
                    <td th:if="${pageNum}!=1">
                        <a th:href="@{/updateStu/{pageNum}(pageNum=${pageNum-1})}">上一页</a>
                    </td>
                    <td th:if="${pageNum}!=${totalPage}">
                        <a th:href="@{/updateStu/{pageNum}(pageNum=${pageNum+1})}">下一页</a>
                    </td>
                    <td>
                        <a th:href="@{/updateStu/{pageNum}(pageNum=${totalPage})}">尾页</a>
                    </td>
                    <td>
                        第<span th:text="${pageNum}"></span>页/<span th:text="${totalPage}"></span>页
                    </td>
                </tr>
            </table>
        </div>
        <div class="col-md-1"></div>
    </div>

    <div th:if="${updStu}!=null">
        <form action="/updateStu" method="POST">
            <table class="table table-bordered">
                <tr>
                    <td>学号：<input id="stuNo" type="text" class="form-control" name="stuNo" placeholder="请输入学号" readonly th:value="${updStu.stuNo}"></td>
                    <td>姓名：<input type="text" class="form-control" name="stuName" placeholder="请输入姓名"></td>
                </tr>
                <tr>
                    <td>民族：<input type="text" class="form-control" name="nat" placeholder="请输入民族"></td>
                    <td>生日：<input type="text" class="form-control" name="birthday" placeholder="yyyy-mm-dd"></td>
                </tr>
                <tr>
                    <td>性别：
                        <select class="form-control" name="sex">
                            <option>1</option>
                            <option>2</option>
                        </select>
                    </td>
                    <td>班号：
                        <select class="form-control" name="classNo">
                            <option th:each="list : ${classNo}" th:value="${list}" th:text="${list}"></option>
                        </select>
                    </td>
                </tr>
            </table>
            <button style="float: right" type="submit" class="btn btn-primary">修改</button>
        </form>
    </div>
</div>
<script>
    // try {
    //     const stuNo = "${updStu.stuNo}"; // 获取后端传递的值
    //     const inputElement = document.getElementById('stuNo'); // 获取输入框元素
    //     inputElement.value = stuNo; // 设置输入框的值为stuNo
    //     console.log(stuNo)
    // } catch (e) {
    //     console.log('无修改对象')
    // }
</script>

</body>
</html>